<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib prefix="spring" uri="/WEB-INF/tlds/hdiv-spring.tld" %>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<c:url value="mostrarHWF1002.html" var="numerosCuenta"/>

<script type="text/javascript" language="javascript">
    function habilitaDeshabilitaChk()
        {   estadoTotal=false;  
            document.forms[0].accion.disabled=false;
            for (i=0;i<document.forms[0].chkTipo.length;i++){ 
            if (document.forms[0].chkTipo[i].checked==true){  
                contador++;
            }
        }               
        } 
    function guardar(){
        document.forms[0].aux.value='n';
        if(document.forms[0].ncuenta.value==""){
        alert("Ingrese Numero de Cuenta");
        document.forms[0].ncuenta.focus();
        return false;
        }
        if($("#tcuenta").val()==""){
            $("#tcuenta").focus();
            alert("Ingrese el tipo de cuenta");
            return false;
        }
        if($("#moneda").val()==""){
            $("#moneda").focus();
            alert("Ingrese la unidad monetaria");
            return false;
        }
        if($("#referencia").val()==""){
            $("#referencia").focus();
            alert("Ingrese el tipo de codigo de referencia");
            return false;
        }   
        if(document.forms[0].chkTipo[0].checked==true&&document.forms[0].codigoReferencia.value==""){
        alert("Ingrese codigo de referencia");
        document.forms[0].codigoReferencia.focus();
        return false;
        }
        moveForward('guardar');
        return true;
        }  

     function tipoCrear(){
        if(document.forms[0].chkTipo[0].checked==true){               
            document.forms[0].cuentaBase.disabled=true;
            document.forms[0].codigoReferencia.disabled=false;
            }
        else {
            document.forms[0].codigoReferencia.value='';
            document.forms[0].codigoReferencia.disabled=true;
            document.forms[0].cuentaBase.disabled=false;
            }
     } 
    /******************************************************************/  
    /* Función Nueva NSC 23-09-09 
    /* Regresa TRUE si el codigo del caracter corresponde a un numero,*/  
    /* de lo contrario regresa FALSE.                                 */  
    /******************************************************************/  
    function soloNumeros(evt){   
        //Validar la existencia del objeto event   
        evt = (evt) ? evt : event;   
        //Extraer el codigo del caracter de uno de los diferentes grupos de codigos   
        var charCode = (evt.charCode) ? evt.charCode : ((evt.keyCode) ? evt.keyCode : ((evt.which) ? evt.which : 0));   
        //Predefinir como valido   
        var respuesta = true;   
        //Validar si el codigo corresponde a los NO aceptables   
        if (charCode > 31 && (charCode < 48 || charCode > 57))    
        {   //Asignar FALSE a la respuesta si es de los NO aceptables   
            respuesta = false;   
        }   
        //Regresar la respuesta   
        return respuesta;   
     }   
         
         
    function cancelar(){
        moveForward('cancelar');
    }
</script>
<form:form modelAttribute="form" action="${numerosCuenta}">
<form:hidden path="accion"/>
<form:hidden path="control"/>   
<form:hidden path="aux"/>
<form:hidden path="cliente"/>
<form:hidden path="codClienteBco"/>
  <table id="fullheighttable" width="775" cellspacing="0" cellpadding="0"
         align="center">
    <tr>
      <td align="left" valign="top" class="fondo_contenido padtop16left21">
        <table border="0" cellspacing="0" cellpadding="0"
               class="verdana11bazul">
          <tr>
            <td height="22" align="left" valign="top" class="verdana11bazul">
              <ul class="navlist2">
                <li>NUMEROS DE CUENTA</li>
              </ul>
            </td>
          </tr>
          <tr>
            <td align="left" valign="top" class="borde_totalblanco">
              <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="105" height="23" align="left" valign="top"
                      class="verdana10bazul">Cliente Principal</td>
                  <td height="23" align="left" valign="top"
                      class="verdana10negro">
                    <c:out value="${sessionScope.nombreCliente}"/>
                  </td>
                </tr>
                <tr>
                  <td width="105" height="23" align="left" valign="top"
                      class="verdana10bazul">Cliente de Banco</td>
                  <td height="23" align="left" valign="top"
                      class="verdana10negro">
                    <c:out value="${form.desClienteBco}"/>                   
                  </td>
                </tr>
                <!-- Muestra el grupo de clientes en caso de coorporación      -->
                <c:if test="${not empty listaClientes}">
                  <tr>
                    <td width="105" height="23" align="left" valign="top"
                        class="verdana10bazul">Grupo Cliente</td>
                    <td width="85%">
                    
                       <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                    path="cli_grupo">                        
                                    <form:option value=""></form:option>
                                    <form:options items="${listaClientes}"
                                                  itemValue="codCliente"
                                                  itemLabel="nombre"/>
                       </form:select>                      
                      
                    </td>
                  </tr>
                </c:if>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td align="left" valign="top" class="padtop16left21">
        <table>
          <tr>
            <td>
              <input name="Submit2" type="button" class="boton" value="Guardar"
                     onclick="guardar();"/>
            </td>
            <td>              
              <input type="button" class="boton" value="Cancelar" onclick="javascript:cancelar()"/> 
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td align="left" valign="top" class="padtop16left21">
        <table>
          <tr>
            <td width="200" height="23" align="left" valign="top"
                class="verdana10bazul">N&uacute;mero de Cuenta</td>
            <td align="left" valign="bottom" class="padright10">
              <div class="fondo_txtbox123">
                <%-- <html:text maxlength="20" property="ncuenta" onkeydown="return blockEnter(event)"/> --%>
                <form:input  maxlength="20" path="ncuenta" onkeypress="return soloNumeros(event)"/>
              </div>
            </td>
          </tr>
          <tr>
            <td width="200" height="23" align="left" valign="top"
                class="verdana10bazul">Tipo de Cuenta</td>
            <td height="23" align="left" valign="top" class="verdana10negro">
            
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="tcuenta">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaTipoCuenta}"
                                              itemValue="codigo"
                                              itemLabel="descripcion"/>
                   </form:select>              
                
            </td>
          </tr>
          <tr>
            <td width="200" height="23" align="left" valign="top"
                class="verdana10bazul">Moneda</td>
            <td height="23" align="left" valign="top" class="verdana10negro">
            
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="moneda">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaTipoUniMone}"
                                              itemValue="codigo"
                                              itemLabel="descripcion"/>
                   </form:select>             
            </td>
          </tr>
          <tr>
            <td width="200" height="23" align="left" valign="top"
                class="verdana10bazul">Codigo Referencia</td>
            <td height="23" align="left" valign="top" class="verdana10negro">
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="referencia">                        
                                <form:option value=""></form:option>
                                <form:options items="${listaCodiRefer}"
                                              itemValue="codigo"
                                              itemLabel="descripcion"/>
                   </form:select>             
            </td>   
          </tr>
          <tr>
            <td width="200" height="23" align="left" valign="top"
                class="verdana10bazul">Tipo de Registro</td>
            <td height="23" align="left" valign="top" class="verdana10negro">
              <table cellspacing="3" cellpadding="3" border="0" width="100%">
                <tr>
                  <td>
                    <form:radiobutton path="chkTipo" value="1" onclick="javascript:tipoCrear();"/>
                    Codigo Referencia
                  </td>
                  <td>
                    <div class="fondo_txtbox123">
                      <form:input path="codigoReferencia" maxlength="20" onkeydown="return blockEnter(event)"/>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td>
                    <form:radiobutton path="chkTipo" value="2" onclick="tipoCrear();"/>
                    Copia de Cuenta
                  </td>
                  <td>
                   <form:select cssStyle="height: 20px; width: 180px; font-family: Arial; font-size: 8pt"
                                path="cuentaBase" disabled="true">                        
                                <form:options items="${listaCuentas}"
                                              itemValue="codCuenta"
                                              itemLabel="codCuenta"/>
                   </form:select>                    
                    
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <tr>
    <td align="center" valign="bottom">&nbsp;</td>
  </tr>
</form:form>